<div class="mui-content">
    <div class="gzt_head">
        <div class="text{:$payslip_config.open_hidden_money?' hide1':''}">
            {if $payslip_list}
            <a class="gz_text" href="{:url('index/detail', ['month' => $month])}">
                <span class="gz_num">{:$payslip_config.open_hidden_money?'****':$payslip_total}</span><i class="mui-icon mui-icon-arrowright"></i>
            </a>
            {else}
            <a class="gz_text">
                <span class="gz_num">{:$payslip_config.open_hidden_money?'****':$payslip_total}</span>
            </a>
            {/if}
            <p>本月实发工资<i class="icon" data-value="{$payslip_total}"></i></p>
        </div>
        <div class="select">
            <span id="rl_text">{$month|strtotime|date="Y年m月",###}</span>
            <span class="mui-icon mui-icon-arrowdown"></span>
            <button id="rl_but" class="btn mui-btn mui-btn-block">{$month|strtotime|date="Y年m月",###}</button>
        </div>
    </div>
    <form id="post-form" class="layui-form" role="form" data-toggle="validator" method="GET" action="{:url('index/index')}">
        <input type="hidden" name="year" value="{$year}">
        <input type="hidden" name="month" value="{$month}">
    </form>
    <div class="main">
        <div class="bg"></div>
        <div class="mui-card gz_item">
            {if $payslip_list}
            {foreach $payslip_list as $item}
            <a class="item" href="{:url('index/detail', ['month' => $month])}">
                <div class="text">{$item.title}</div>
                {if $item.is_view}
                <span class="tag color_4873C1">已确认</span>
                {else}
                <span class="tag color_EF4033">未确认</span>
                {/if}
            </a>
            {/foreach}
            {/if}
        </div>
        <div class="mui-card gz_item2">
            <ul class="mui-table-view mui-grid-view">
                <li class="mui-table-view-cell mui-col-xs-6">
                    <h3>{$total_money}</h3>
                    <p>总收入工资</p>
                </li>
                <li class="mui-table-view-cell mui-col-xs-6">
                    <h3>{$avg_money}</h3>
                    <p>月平均工资</p>
                </li>
            </ul>
            <div class="select">
                <span id="year_text">{$year}年</span>
                <span class="mui-icon mui-icon-arrowdown"></span>
                <button id="year_but" class="btn mui-btn mui-btn-block">{$year}年</button>
            </div>
            <div class="tongji">
                {if $year_chart}
                {foreach $year_chart as $chart}
                <div class="item">
                    <span>{$chart.month}</span>
                    <div class="bar">
                        <div class="bar_color" style="width:{$chart.width}%">
                            <div class="text">{$chart.money}</div>
                        </div>
                    </div>
                </div>
                {/foreach}
                {/if}
            </div>
        </div>
    </div>
    <div class="nav">
        <ul class="mui-table-view mui-grid-view">
            <li class="mui-table-view-cell mui-col-xs-6 active">
                <a href="{:url('index/index')}"><span class="icon"></span><p>工资条</p></a>
            </li>
            <li class="mui-table-view-cell mui-col-xs-6">
                <a href="{:url('index/my')}"><span class="icon"></span><p>我的</p></a>
            </li>
        </ul>
    </div>
</div>